<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="./js/angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body ng-app="showApp">
	<!-- 过滤器 -->
	<p>
		 <input type="email" name="email" ng-model="user.email" />
	</p>
	<p>
	
		<p>
			long时间 : <input type="text" ng-model="today" placeholder="请输入long时间：1412312302323...">
		</p>
		{{ today | date:'medium' }}
		<!-- Aug 09, 2013 12:09:02 PM -->
		<br /> {{ today | date:'short' }}
		<!-- 8/9/1312:09PM -->
		<br /> {{ today | date:'fullDate' }}
		<!-- Thursday, August 09, 2013 -->
		<br /> {{ today | date:'longDate' }}
		<!-- August 09, 2013 -->
		<br /> {{ today | date:'mediumDate' }}
		<!-- Aug 09, 2013 -->
		<br /> {{ today | date:'shortDate' }}
		<!-- 8/9/13 -->
		<br /> {{ today | date:'mediumTime' }}
		<!-- 12:09:02 PM -->
		<br /> {{ today | date:'shortTime' }}
		<!-- 12:09 PM -->
		<br /> 年份格式化<br /> 四位年份:{{ today | date:'yyyy' }}
		<!-- 2013 -->
		<br /> 两位年份:{{ today | date:'yy' }}
		<!-- 13 -->
		<br /> 一位年份:{{ today | date:'y' }}
		<!-- 2013 -->
		<br /> 月份格式化<br /> 英文月份:{{ today | date:'MMMM' }}
		<!-- August -->
		<br /> 英文月份简写:{{ today | date:'MMM' }}
		<!-- Aug -->
		<br /> 数字月份:{{ today |date:'MM' }}
		<!-- 08 -->
		<br /> 一年中的第几个月份:{{ today |date:'M' }}
		<!-- 8 -->
		<br /> 日期格式化<br /> 数字日期:{{ today|date:'dd' }}
		<!-- 09 -->
		<br /> 一个月中的第几天:{{ today | date:'d' }}
		<!-- 9 -->
		<br /> 英文星期:{{ today | date:'EEEE' }}
		<!-- Thursday -->
		<br /> 英文星期简写:{{ today | date:'EEE' }}
		<!-- Thu -->
		<br /> 小时格式化<br /> 24小时制数字小时:{{today|date:'HH'}}
		<!--00-->
		<br />一天中的第几个小时:{{today|date:'H'}}
		<!--0-->
		<br />12小时制数字小时:{{today|date:'hh'}}
		<!--12-->
		<br />上午或下午的第几个小时:{{today|date:'h'}}
		<!--12-->
		<br /> 分钟格式化<br /> 数字分钟数:{{ today | date:'mm' }}
		<!-- 09 -->
		<br /> 一个小时中的第几分钟:{{ today | date:'m' }}
		<!-- 9 -->
		秒数格式化<br /> 数字秒数:{{ today | date:'ss' }}
		<!-- 02 -->
		<br /> 一分钟内的第几秒:{{ today | date:'s' }}
		<!-- 2 -->
		<br /> 毫秒数:{{ today | date:'.sss' }}
		<!-- .995 -->
		<br /> 字符格式化<br /> 上下午标识:{{ today | date:'a' }}
		<!-- AM -->
		<br /> 四位时区标识:{{ today | date:'Z' }}
		<!--- 0700 -->
		<br /> 下面是一些自定义日期格式的示例:<br /> {{ today | date:'MMMd, y' }}
		<!-- Aug9, 2013 -->
		<br /> {{ today | date:'EEEE, d, M' }}
		<!-- Thursday, 9, 8-->
		<br /> {{ today | date:'hh:mm:ss.sss' }}
		<!-- 12:09:02.995 -->
		<br />
	</p>
	<p>
		将12.45格式化为货币，使用自定义单位符号为 ‘CHY￥‘, 小数指定1位, 会执行四舍五入操作 <br />{{
		1234567890.456 | currency:'CHY ¥':1 }}
	</p>
	<p>货币格式 :{{ 1234567890.456 | currency }}</p>
	<p>数值 :{{ 123.456789 | number:2 }}</p>
	<div ng-controller="UpcaseController">
		<p>
			名字 : <input type="text" ng-model="name2" placeholder="请输入名字...">
		</p>
		<h1>Hello {{ name2 }}</h1>

	</div>
	<div>
		<p>
			名字 : <input type="text" ng-model="name1" placeholder="请输入名字...">
		</p>
		<h1>Hello {{ name1 | uppercase }}</h1>
	</div>
	<!-- 基础 -->
	<div>
		<p>
			名字 : <input type="text" ng-model="name" placeholder="请输入名字...">
		</p>
		<h1>Hello {{name}}</h1>
	</div>

	<!-- 时间 -->
	<div ng-controller="MyController">
		<h1>Hello {{ clock.now }}!</h1>
	</div>
	<!-- 解析AngularJS表达式 -->
	<div ng-controller="ExpController">
		<input ng-model="expr" type="text" placeholder="Enter an expression" />
		<h2>{{ parseValue }}</h2>
	</div>
	<!-- 插值字符串 -->
	<div ng-controller="InertController">
		<input ng-model="to" type="email" placeholder="必须输入Email地址">
		<textarea ng-model="emailBody"></textarea>
		<pre>{{previewText}}</pre>
	</div>
	<!-- 插值字符串 改变标志 无法实现 
<div id="emailEditor" ng-controller="InertChanController">
    <input ng-model="to"
           type="email"
           placeholder="Recipient" />
    <textarea ng-model="emailBody"></textarea>

    <div id="emailPreview">
      <pre>__ previewText __</pre>
    </div>
  </div>-->
</body>